<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formulario">

                    <p:tabView id="tabFormulario"  dynamic="true" styleClass="print" >
                        <p:tab id="tab1" title="DATOS PROVEEDOR">
                            <p:panel >
                                <center>
                                    <p:panelGrid id="verDatosProveedor">
                                        <p:row>
                                            <p:column>
                                                <p:outputPanel id="pnlProveedorJuridico" layout="block" >
                                                    <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'J' ? true : false}">
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioRuc" value="R.U.C.: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="txtFormularioRuc" value="#{BKProveedor.proveedorFormulario.ruc}" styleClass="lblVer" />
                                                            </p:column>

                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioNombreComercial" value="NOMBRE COMERCIAL: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="txtFormularioNombreComercial" value="#{BKProveedor.proveedorFormulario.nombreComercial}" styleClass="lblVer" />
                                                            </p:column>
                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioRazonSocial" value="RAZON SOCIAL: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="txtFormularioRazonSocial" value="#{BKProveedor.proveedorFormulario.razonSocial}" styleClass="lblVer" />
                                                            </p:column>

                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioDireccionFiscal" value="DIRECCION FISCAL: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="txtFormularioDireccionFiscal" value="#{BKProveedor.proveedorFormulario.direccionLegal}" styleClass="lblVer" />
                                                            </p:column>
                                                        </p:row>

                                                    </p:panelGrid>
                                                </p:outputPanel>

                                                <p:outputPanel id="pnlProveedorNatural"  >
                                                    <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'N' ? true :  false}">
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormNaturalDni" value="DNI O RUC: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="txtFormNaturalDni" value="#{BKProveedor.proveedorFormulario.ruc}" styleClass="lblVer" />
                                                            </p:column>    
                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormNaturalNombres" value="NOMBRES: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="txtFormNaturalNombres" value="#{BKProveedor.proveedorFormulario.razonSocial}" styleClass="lblVer" />

                                                            </p:column>    
                                                        </p:row>        
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormNaturalDireccion" value="DIRECCION: " styleClass="lblVerN" />
                                                            </p:column>    
                                                            <p:column>    
                                                                <h:outputText id="txtFormNaturalDireccion" value="#{BKProveedor.proveedorFormulario.direccionLegal}" styleClass="lblVer" />
                                                            </p:column>
                                                        </p:row>

                                                    </p:panelGrid>
                                                </p:outputPanel>
                                                <p:outputPanel id="pnlUbigeo">
                                                    <p:panelGrid> 
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormProveedorUbigeo" value="UBIGEO: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="idUbigeo" value="#{BKProveedor.proveedorFormulario.descUbicacion}" styleClass="lblVer"
                                                                              style="width: 350px" />
                                                            </p:column>
                                                        </p:row>

                                                        <p:row>
                                                            <p:column>
                                                                <h:outputText id="lblFormNaturalTipoMoneda" value="MONEDA DE NEGOCIACION: " styleClass="lblVerN" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText id="cbxFormNaturalTipoMoneda" value="#{BKProveedor.proveedorFormulario.idTipoMoneda.nombre}" styleClass="lblVer" />
                                                            </p:column>
                                                        </p:row>
                                                    </p:panelGrid>  
                                                </p:outputPanel>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column colspan="2">
                                                <p:fieldset id="fstContacto" legend="CONTACTOS" >
                                                    <p:dataTable id="dataTablaContacto" var="contacto" value="#{BKContacto.listaContacto}" widgetVar="carsTable"
                                                                 emptyMessage="No se encontraron contactos"  >


                                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                                            <h:outputText value="#{rowIndex+1}" />
                                                        </p:column>

                                                        <p:column id="idColumnaNombre" headerText="NOMBRE" >
                                                            <h:outputText value="#{contacto.nombre}" />  
                                                        </p:column>

                                                        <p:column id="idColumnaCargo" headerText="CARGO" >
                                                            <h:outputText value="#{contacto.cargo}" /> 
                                                        </p:column>

                                                        <p:column id="idColumnaTelefono" headerText="TELEFONO" >

                                                            <h:outputText value="#{contacto.telefono}" />  
                                                        </p:column>

                                                        <p:column id="idColumnaMovil" headerText="MOVIL" >
                                                            <h:outputText value="#{contacto.movil}" />
                                                        </p:column>

                                                        <p:column id="idColumnaCorreo" headerText="CORREO" >
                                                            <h:outputText value="#{contacto.correo}" /> 
                                                        </p:column>

                                                    </p:dataTable>
                                                </p:fieldset>

                                            </p:column>

                                        </p:row>
                                        <p:row>
                                            <p:column colspan="2">
                                                <p:fieldset id="fstLocal" legend="LOCALES" >
                                                    <p:dataTable id="dataTablaSede" var="local" value="#{BKComponenteLocal.listaLocal}" widgetVar="carsTable"
                                                                 emptyMessage="No se encontraron locales"  rowIndexVar="rowIndex" >

                                                        <p:column id="idColumnaNum" style="width: 5%"
                                                                  headerText="Num.">
                                                            <h:outputText value="#{rowIndex+1}" />
                                                        </p:column>

                                                        <p:column id="idColumnaUbicacion" headerText="UBICACION" >
                                                            <h:outputText value="#{local.descUbicacion}" /> 
                                                        </p:column>

                                                        <p:column id="idColumnaDireccion" headerText="DIRECCION" >
                                                            <h:outputText value="#{local.direccion}" /> 
                                                        </p:column>
                                                        <p:column id="idColumnaReferencia" headerText="REFERENCIA" >
                                                            <h:outputText value="#{local.referencia}" /> 
                                                        </p:column>
                                                        <p:column id="idColumnaDescripcion" headerText="DESCRIPCION">
                                                            <h:outputText value="#{local.descripcion}" /> 
                                                        </p:column>


                                                    </p:dataTable>
                                                </p:fieldset>
                                            </p:column>

                                        </p:row>

                                        <p:row>
                                            <p:column colspan="2">
                                                <p:fieldset id="fstCuenta" legend="CUENTAS BANCARIAS" >
                                                    <p:dataTable id="dataTablaCtaBancaria" var="cuentaBancaria" value="#{BKComponenteCtaBancaria.listaCtaBancaria}" widgetVar="carsTable"
                                                                 emptyMessage="No se encontraron cuentas bancarias" rowIndexVar="rowIndex">

                                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                                            <h:outputText value="#{rowIndex+1}" />
                                                        </p:column>

                                                        <p:column id="idColumnaBanco" headerText="BANCO" >
                                                            <h:outputText value="#{cuentaBancaria.idBanco.nombre}" /> 
                                                        </p:column>

                                                        <p:column id="idColumnaMoneda" headerText="MONEDA" >
                                                            <h:outputText value="#{cuentaBancaria.idTipoMoneda.nombre}" />
                                                        </p:column>

                                                        <p:column id="idColumnaTipoCuenta" headerText="TIPO CUENTA" >
                                                            <h:outputText value="#{cuentaBancaria.tipoCuenta}" />
                                                        </p:column>

                                                        <p:column id="idColumnaCuentaBancaria" headerText="CUENTA BANCARIA" >

                                                            <h:outputText value="#{cuentaBancaria.numeroCuenta}" />
                                                        </p:column>

                                                        <p:column id="idColumnaCuentaInterbancaria" headerText="CUENTA INTERBANCARIA" >
                                                            <h:outputText value="#{cuentaBancaria.numeroCuentaInterbancaria}" />
                                                        </p:column> 
                                                    </p:dataTable>
                                                </p:fieldset>
                                            </p:column>

                                        </p:row>
                                    </p:panelGrid>

                                    <h:panelGrid columns="2"  style="width: 300px;margin: 0px auto;">
                                        <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                            <p:printer target="verDatosProveedor" />    
                                        </p:commandButton >
                                    </h:panelGrid>
                                </center>
                            </p:panel>

                        </p:tab>

                        <p:tab id="tabArticulos" title="Articulos" transient="true">
                            <p:panel>
                                <center>
                                    <p:panelGrid id="verProveedorArticulos">
                                        <p:row>
                                            <p:column>
                                                <p:outputPanel id="pnlProveedorJuridico1" layout="block" >
                                                    <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'J' ? true : false}">
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioRuc1" value="R.U.C.(*)"/>
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormularioRuc1" value="#{BKProveedor.proveedorFormulario.ruc}"/>
                                                            </p:column>

                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioNombreComercial1" value="NOMBRE COMERCIAL" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormularioNombreComercial1" value="#{BKProveedor.proveedorFormulario.nombreComercial}" />
                                                            </p:column>
                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioRazonSocial1" value="RAZON SOCIAL(*)" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormularioRazonSocial1" value="#{BKProveedor.proveedorFormulario.razonSocial}"/>
                                                            </p:column>

                                                        </p:row>

                                                    </p:panelGrid>
                                                </p:outputPanel>

                                                <p:outputPanel id="pnlProveedorNatural1"  >
                                                    <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'N' ? true :  false}">
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormNaturalDni1" value="DNI O RUC(*)" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormNaturalDni1" value="#{BKProveedor.proveedorFormulario.ruc}"/>
                                                            </p:column>    
                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormNaturalNombres1" value="NOMBRES(*)" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormNaturalNombres1" value="#{BKProveedor.proveedorFormulario.razonSocial}" />

                                                            </p:column>    
                                                        </p:row>        

                                                    </p:panelGrid>
                                                </p:outputPanel>
                                            </p:column>
                                        </p:row>

                                        <p:row>
                                            <p:column colspan="2">
                                                <p:fieldset id="fstArticulo" legend="ARTICULOS" >
                                                    <p:dataTable id="dataTablaArticulo" var="articulo" value="#{BKComponenteArticulo.listaArticulo}" widgetVar="carsTable"
                                                                 emptyMessage="No se encontraron articulos"  rowIndexVar="rowIndex"
                                                                 sortBy="#{articulo.articulo.nombreComercial}" sortOrder="asc">


                                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                                            <h:outputText value="#{rowIndex+1}" />
                                                        </p:column>

                                                        <p:column id="idColumnaNombre" headerText="ARTICULO" sortBy="#{articulo.articulo.nombreComercial}" >
                                                            <h:outputText value="#{articulo.articulo.nombreComercial}" />  
                                                        </p:column>



                                                    </p:dataTable>
                                                </p:fieldset>
                                            </p:column>

                                        </p:row>
                                    </p:panelGrid>

                                    <h:panelGrid columns="2"  style="width: 300px;margin: 0px auto;">
                                        <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                            <p:printer target="verProveedorArticulos" />    
                                        </p:commandButton >
                                    </h:panelGrid>
                                </center>
                            </p:panel>
                        </p:tab>

                        <p:tab id="tabServicios" title="Servicio" transient="true">
                            <p:panel>
                                <center>
                                    <p:panelGrid id="verProveedorServicios">
                                        <p:row>
                                            <p:column>
                                                <p:outputPanel id="pnlProveedorJuridico2" layout="block" >
                                                    <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'J' ? true : false}">
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioRuc2" value="R.U.C.(*)"/>
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormularioRuc2" value="#{BKProveedor.proveedorFormulario.ruc}"/>
                                                            </p:column>

                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioNombreComercial2" value="NOMBRE COMERCIAL" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormularioNombreComercial2" value="#{BKProveedor.proveedorFormulario.nombreComercial}" />
                                                            </p:column>
                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormularioRazonSocial2" value="RAZON SOCIAL(*)" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormularioRazonSocial2" value="#{BKProveedor.proveedorFormulario.razonSocial}"/>
                                                            </p:column>

                                                        </p:row>

                                                    </p:panelGrid>
                                                </p:outputPanel>

                                                <p:outputPanel id="pnlProveedorNatural2"  >
                                                    <p:panelGrid rendered="#{BKProveedor.proveedorFormulario.tipoEntidad eq 'N' ? true :  false}">
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormNaturalDni2" value="DNI O RUC(*)" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormNaturalDni2" value="#{BKProveedor.proveedorFormulario.ruc}"/>
                                                            </p:column>    
                                                        </p:row>
                                                        <p:row>
                                                            <p:column style="width: 150px">
                                                                <h:outputText id="lblFormNaturalNombres2" value="NOMBRES(*)" />
                                                            </p:column>
                                                            <p:column>
                                                                <h:outputText class="negrita" id="txtFormNaturalNombres2" value="#{BKProveedor.proveedorFormulario.razonSocial}" />

                                                            </p:column>    
                                                        </p:row>        

                                                    </p:panelGrid>
                                                </p:outputPanel>
                                            </p:column>
                                        </p:row>

                                        <p:row>
                                            <p:column colspan="2">
                                                <p:fieldset id="fstServicio" legend="SERVICIOS" >
                                                    <p:dataTable id="dataTablaServicio" var="servicio" value="#{BKComponenteServicio.listaServicio}" widgetVar="carsTable"
                                                                 emptyMessage="No se encontraron servicios" 
                                                                 sortBy="#{servicio.servicio.nombre}" sortOrder="asc">


                                                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                                            <h:outputText value="#{rowIndex+1}" />
                                                        </p:column>

                                                        <p:column id="idColumnaNombre" headerText="SERVICIO" sortBy="#{servicio.servicio.nombre}">
                                                            <h:outputText value="#{servicio.servicio.nombre}" />  
                                                        </p:column>

                                                        <p:column id="idColumnaDescripcion" headerText="DESCRIPCION">
                                                            <h:outputText value="#{servicio.servicio.descripcion}" />  
                                                        </p:column>
                                                        
                                                    </p:dataTable> 
                                                </p:fieldset>
                                            </p:column>

                                        </p:row>
                                    </p:panelGrid>

                                    <h:panelGrid columns="2"  style="width: 300px;margin: 0px auto;">
                                        <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                                            <p:printer target="verProveedorServicios" />    
                                        </p:commandButton >
                                    </h:panelGrid>
                                </center>
                            </p:panel>
                        </p:tab>
                    </p:tabView>

                    <h:panelGrid columns="2" cellpadding="10" id="acciones">
                        <p:commandButton action="#{MBProveedor.cancelar()}" id="btnGuardar"  
                                         ajax="false" value="Volver" immediate="true" />
                    </h:panelGrid>
                </h:form>    

            </f:view>
        </ui:define>

    </ui:composition>
</html>
